/******************************
*MediaQuery 767
******************************/
@media only screen  and (min-device-width : 320px) and (max-device-width : 480px)  and (orientation : landscape) { 
/* .buttons-footer a:nth-child(2) { width: 138px !important; }
#header { padding-top: 10px !important; }
#logo-text {padding-top: 10px !important; }
.buttons-footer { padding-left: 5px !important;  }*/
}

@media screen and (max-width: 960px){
  #nav-menu{ height: auto;}
  .top-bar{ padding: 0;}
  .top-bar section{ padding-top: 5px;}
  .top-bar ul{ margin-bottom: 0;}
  
  .top-bar section > ul li a:not(.button){ padding: 10px 20px; height: auto; line-height: 1.4;}
  #nav-desktop ul.left > li{ border-top: 1px solid #999999; border-radius: none;}
  #nav-desktop ul.left > li > a, #nav-desktop ul.left > li{ background: none !important;}
  #nav-desktop ul.left > li > a{ color: #ffffff}
  .top-bar ul > li.has-dropdown a:after{ right: 0;}
  .top-bar ul > li.topic-nav .dropdown{ width: 100%; height: auto;}

  .top-bar ul > li.toggle-topbar a{ 
      background: url("../images/button-menu-mobile.png") no-repeat; display: block; width: 17px; height: 14px !important; 
  position: absolute; right: 22.5px; top: 50%;  margin-top: -8px; background-color: none !important;}
  .top-bar.expanded ul li.toggle-topbar a{ background: url("../images/button-menu-mobile-close.png") no-repeat; width: 17px; height: 14px !important;}

  #button-header{ width: 50%;}
  #banner-social .button{padding: 10px 8px 11px;}
  #upcoming-title{ height: auto; margin-top: 0;}
  #upcoming-title .ribe-left{ font-size: 24px;}
  #upcoming-title .ribe-right .button{ padding: 10px 7px 11px !important; margin: 0 0 10px;}
  #upcoming-title .ribe-right .share{ margin: 10px 0 0 !important;}
  .button.calendar{background-position: 28px 2px;}
  #upcoming-title img{ display: none;}
  .dropdown a{ background: #405896 !important;}
  .title{ background: #AC2729 !important;}
  .title a{ background: none !important;}
  .dropdown label{ font-size: 20px !important;}
  h4.summary a, .tribe-mobile-day-headin{color: #154e76 !important; font-family: "Roboto Condensed" !important;}
  a.page-numbers {-webkit-border-radius: 7;-moz-border-radius: 7;border-radius: 7px;color: #ffffff;background: #7aadcb;padding: 7px 7px 7px 7px;text-decoration: none;font-family: "Roboto Condensed";font-size: 13px;font-weight: bold;}
  .page-numbers.current {-webkit-border-radius: 7;-moz-border-radius: 7;border-radius: 7px;font-family: "Roboto Condensed";color: #ffffff;background: #005174;padding: 7px 7px 7px 7px;text-decoration: none;font-size: 13px;font-weight: bold;}
  .page-numbers.dots{font-size: 5px;}
}

@media screen and (max-width: 767px){
  .page-numbers.dots{font-size: 5px;}
  a.page-numbers {-webkit-border-radius: 7;-moz-border-radius: 7;border-radius: 7px;color: #ffffff;background: #7aadcb;padding: 7px 7px 7px 7px;text-decoration: none;font-family: "Roboto Condensed";font-size: 13px;font-weight: bold;}
  .page-numbers.current {-webkit-border-radius: 7;-moz-border-radius: 7;border-radius: 7px;font-family: "Roboto Condensed";color: #ffffff;background: #005174;padding: 7px 7px 7px 7px;text-decoration: none;font-size: 13px;font-weight: bold;}
  #header{ background: #343472;}
  h4.summary a, .tribe-mobile-day-heading{color: #154e76 !important; font-family: "Roboto Condensed" !important;}
  #logo{ padding: 0 10px !important;}
  #logo, #logo-text{ width: 50% !important; float: left;}
  #logo a{  float: none !important;}
  #logo-text > div{ font-size: 14px !important; padding-top: 5px !important;}
  .row .row{ margin: 0;}
  #ribbon{ height: auto;}
  #banner #banner-text{ background-image: none; height: auto;}
  #nav-mobile ul.left > li > a, #nav-mobile ul.left > li{ background: #AE2425 !important;}
  
  #ribbon-blue{ background: #343472 !important; margin: 0 !important; height: auto !important;}

  #banner{ height: auto !important; margin-top: 0;}
  #banner-text > img{ width: 100%;}
  #banner-text #date-social-section{ margin-top: 0; overflow: hidden; height: auto;}
  #banner #date-social-section-date{ font-size: 25px; position: relative; padding: 20px 0;}
  #banner #banner-social{ overflow: hidden; padding: 10px 0 !important;}
  #banner #banner-social > * { display: inline-block;}
  #banner #organiser{ margin-top: 10px;}
  #banner #organiser .six{ width: 50% !important; float: left;}
  #banner #organiser .eight{ padding: 0 15px !important; margin-top: 10px;}

  #content{ padding-top: 20px;}
  .blogs-content{ min-height: 100%; margin-bottom: 60px;}
  #content #sidebar-image img{ margin: 0 auto; display: block;}

  #tribe-events{ margin-top: 0;}

  #tribe-events-pg-template .row .row{ margin: 0 !important;}
  
  #tribe-events .tribe-event-today{ padding-bottom: 10px;}
  #tribe-events .tribe-event-today + div{ margin-top: 20px !important;}
  #tribe-events .tribe-event-today + div .columns{ padding: 0; border: none !important;}

  #tribe-events .tribe-event-today + div .columns .upcoming-buttons a{ margin-left: 0 !important;}
  #tribe-events .tribe-event-today > .columns, #tribe-events .tribe-event-today > .columns > div .columns{ padding: 0;}
  #tribe-events .upcoming-buttons a{ margin-left: 0; width: 100%; margin-bottom: 10px;}
  #tribe-events #show_people_container .four{ width: 33%; float: left;}
  #tribe-events #show_people_container .four > div{ margin: 10px 0 10px !important; text-align: center !important;}

  #footer{ text-align: center;}
  .mobile-center { text-align: center !important; }
  .buttons-footer{ width: 100% !important; text-align: center; margin:10px 0; }
  .buttons-footer ul{ display: inline-block;}

  .buttons-footer .button.small, .buttons-footer a { font-size:11px !important; display: inline;} 
  /*.buttons-footer a:nth-child(2) { width:95px; }  */
  /*.buttons-footer a:last-child { padding: 7px 0px 8px; margin:0 !important; min-width:0 !important; } */
  /*.buttons-footer a{ width: 30% !important; margin-right: 3% !important; float: left;}*/
  .footer-menu li{ width: 50% !important;margin: 0px !important; padding: 0 5px; }
  .footer-menu li:nth-child(odd){  text-align: right !important; }
  .footer-menu li:nth-child(even){  text-align: left !important; }
  .footer-menu li:last-child{  width:100% !important;text-align: center !important; }
  #footer .input-search{ display: inline-block; margin: 0 auto; float: none;}

  #tribe-events{ margin-top: 0px; }

  .single .single-ribbon, .single .single-ribbon-left{  height: auto !important; margin-top: 0;}
  /*.single-ribbon-left{ background: #343472;}*/
  /*.single .single-ribbon-left img{ display: none;}*/
  .single .single-ribbon-left .single-date{ width: 100%; padding: 10px; background: #343472; font-size: 22px;}
  .single .single-ribbon-left .single-date .button{ margin: 10px 0px !important;}
  .single .single-ribbon-right .button{ margin: 10px;}
  .single .tribe_events .row .columns{ padding: 0;}
  .single .events-link-buttons{ overflow: hidden;}
  .single .events-link-buttons > div{ float: left !important; width: 50%; margin: 0; font-size: 10px; text-align: center;}
  .single .events-link-buttons > div a{  font-size: 12px; width: 80% !important; display: inline-block;}
  .single .prev.event-link a{ background-position: 10px center;}
  .single .next.event-link a{ background-position: 95% center;}
  .single .widget_sp_image img{ display: block; margin: 10px auto;}

  #prev-next-container a{ width: 100%; }
  #prev-next-container a:last-child{ margin-top: 10px; }

  .title-single, .sub-title-single{margin-top: 15px;}
}